<template>
  <div>
    <mt-header class="header" :title="title || ''" style="background: #f2f2f2;color: #333;font-size: 16px;">
      <router-link :to="router" slot="left">
        <mt-button icon="back">返回</mt-button>
      </router-link>
    </mt-header>
  </div>
</template>

<script>
export default {
  name: 'header',
  props: ['title', 'router'],
  data () {
    return {
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" rel="stylesheet/stylus">
.header
  height 50px
</style>
